.bottom-navigation {
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 20rpx;
  border-radius: 120rpx;
  background-color: #F7FAF8;
  margin: 40rpx;
}

.tab-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 60rpx;
  //height: 80rpx;
 }
.tab-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px;
  cursor: pointer;
  width: 120rpx;
  //height: 150rpx;
  position: relative;

}
.tab-icon {
  width: 60rpx;
  height: 60rpx;
}
.tab-icons {
  position: absolute;
  bottom: -50rpx;
  width: 160rpx;
  height: 160rpx;
}
.tab-label {
   font-size: 24rpx;
   color: #333;
   margin-top: 8rpx;
 }

.active .tab-icon {
   /* 选中时图标的样式 */
 }

.active .tab-label {
   color: orange;
 }
